<?
include_once("/includes/header.php");
?>
<link type="text/css" href="styles/style.css" rel="stylesheet" />
<script type="text/javascript">
    $(function()
    {
        $("form").validate({
            rules: {
                protocolo: {
                    required: true,
                    digits: true
                }
            },
            messages: {
			protocolo: {
				required: 'Ingrese un protocolo',
				digits: 'Ingrese un n&uacute;mero'
			}
            }    
    });
        $("button").click(function()
        {
            window.location = $(this).prop("id");
        });
    });
</script>
<div class="pageContainer">
    <form  method="post" action="">
        <div class="center">
            <button type="button">Crear</button>
            <label for="protocolo">Protocolo</label>
            <input name="protocolo" id="protocolo" type="text"/>
            <div><label for="protocolo" generated="true" class="error"></label></div>
            <button type="button">Buscar</button>
            <div class="resultadoBusqueda" >Paciente:</div>
        </div>
        <div style="clear: both; text-align: center">
            <div>
                <button type="button" id="papStep1.php">Evaluaci&oacute;n <br/>de la muestra <br />Colpo-citol&oacute;gica</button>
                <button type="button" id="papStep2.php">Agente <br/>microbiolo&oacute;gico <br/>identificable</button>
            </div>
            <div >
                <button type="button" id="papStep3.php">Descripci&oacute;n</button>
                <button type="button" id="protPapDiagnostico.php">Diagn&oacute;stico</button>
            </div>
        </div>
    </form>
</div>